<!DOCTYPE html 
      PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" 
      xmlns:svg="http://www.w3.org/2000/svg"
      xmlns:xlink="http://www.w3.org/1999/xlink">
	<head>
		<title>Experimental Blocks Support</title>
		<link type="text/css" rel="stylesheet" href="stylesheets/block_backgrounds.css" />
		<link type="text/css" rel="stylesheet" href="stylesheets/block_dragging.css" />
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
		<script type="text/javascript" src="javascripts/jquery-ui-personalized-1.5rc1.min.js"></script>
		<script type="text/javascript" src="javascripts/utility.js"></script>
		<script type="text/javascript" src="javascripts/blocks.js"></script>
		<script type="text/javascript">
		function initialize_test(){
		    var trigger = new Trigger({label: 'On event', color: 'gold'});
		    $(document.body).append(trigger.drag_wrapper);
		    var loop = new Loop({label: 'Forever', color: 'blueviolet'});
		    trigger.append(loop);
		    loop.appendLoop(new Step({label: 'Step one', color: 'lawngreen'}));
		    loop.appendLoop(new Step({label: 'Step two', color: 'magenta'}));
		    var loop2 = new Loop({label: 'While true', color: 'orangered'});
		    loop.appendLoop(loop2);
		    loop2.appendLoop(new Step({label: 'Step A', color: 'blue'}));
		    loop2.appendLoop(new Step({label: 'Step B', color: 'cyan'}));
		    loop.appendLoop(new Step({label: 'Step three', color: 'seagreen'}));
		    trigger.append(new Step({label: 'Step i', color: 'green'}));
		    trigger.append(new Step({label: 'Step ii', color: 'mediumblue'}));
		}
			$(initialize_test);
		</script>
	</head>
	<body>
	</body>
</html>